/* CSS Document */

* {
    font-family: 寰蒋闆呴粦;
    margin: 0px;
    padding: 0px;
    color: #333;
}

body {
    min-width: 1250px;
    font-size: 14px;
    background-color: #E7DBCB;
}

ul,
li {
    list-style: none;
}

img {
    border: 0px;
}

a {
    color: #555;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

a:hover {
    color: #8C262A;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#banner {
    width: 100%;
    overflow: hidden;
}

#banner img {
    width: 100%;
}

#position {
    margin: auto;
    width: 1200px;
    height: 60px;
    line-height: 60px;
    color: #666;
}

#main {
    margin: auto;
    width: 1200px;
    min-height: 600px;
    background-color: #F4EFE8;
    overflow: hidden;
}

#content {
    margin-top: 40px;
    padding-bottom: 60px;
    width: 100%;
    overflow: hidden;
}

#content_left {
    float: left;
    width: 300px;
    overflow: hidden;
}

#content_right {
    float: right;
    width: 900px;
    background-image: url(../images/line_2.png);
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}

#menu {
    margin: auto;
    width: 250px;
    overflow: hidden;
}

#menu_title {
    width: 250px;
    height: 44px;
    line-height: 42px;
    border: #BB1E10;
    background-color: #BB1E10;
}

#menu_title span {
    margin-left: 35px;
    color: #FFF;
    font-size: 24px;
}

#menu dt {
    height: 50px;
    line-height: 50px;
    border: 1px solid #DDD;
    border-width: 0px 1px 1px 1px;
    background-position: left center;
    background-repeat: no-repeat;
}

#menu dt.active {
    border-width: 0px 1px 1px 0px;
    background-image: url(../images/line_1.png);
    background-position: left center;
}

#menu dt.menu_list a {
    display: block;
    margin-left: 38px;
    padding-left: 15px;
    color: #666;
    background-image: url(../images/dot_normal.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#menu dt.menu_list a.active,
#menu dt.menu_list a:hover {
    display: block;
    margin-left: 38px;
    padding-left: 15px;
    color: #666;
    background-image: url(../images/dot_active.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#menu div.menu_title_son {
    display: block;
    padding-left: 35px;
    height: 40px;
    line-height: 40px;
    color: #8C262A;
    font-size: 16px;
    background-color: #DDD;
}

#content_right_body {
    margin-left: 30px;
    margin-bottom: 50px;
    width: 800px;
    overflow: hidden;
}

#column_title_ch {
    height: 50px;
    line-height: 50px;
    color: #353526;
    font-size: 24px;
    overflow: hidden;
}

#column_title_en {
    height: 30px;
    line-height: 16px;
    color: #999;
    font-size: 16px;
    overflow: hidden;
}

#column_content {
    margin-top: 30px;
    overflow: hidden;
}

#column_content a {
    color: #8C262A;
}

#column_content a:hover {
    color: #D56066;
}

#column_content a.list_text {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 14px;
    line-height: 14px;
    border-bottom: 1px dotted #CCC;
}

#column_content a:hover dt.list_text_title {
    color: #8C262A;
    background-image: url(../images/dot_active.png);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#recommend_list {
    margin-top: 30px;
    overflow: hidden;
}

#recommend_list a {
    color: #8C262A;
}

#recommend_list a:hover {
    color: #D56066;
}

#recommend_list a.list_text {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dotted #CCC;
}

#recommend_list a:hover dt.list_text_title {
    color: #8C262A;
    background-image: url(../images/dot_active.png);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#column_content dt.list_text_title,
#recommend_list dt.list_text_title {
    float: left;
    padding-left: 20px;
    color: #999;
    background-image: url(../images/dot_normal.png);
    background-position: left center;
    background-repeat: no-repeat;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#column_content dt.list_text_date {
    float: right;
    color: #999;
}

#article_title {
    margin-bottom: 20px;
    width: 100%;
    line-height: 50px;
    border-bottom: 1px solid #CCC;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

#service_content {
    float: left;
    margin-right: 30px;
    padding-right: 15px;
    width: 540px;
    min-height: 400px;
}

#service_news_list {
    float: left;
    margin-left: 30px;
    width: 220px;
    min-height: 400px;
    border: 1px solid #DDD;
}

#service_news_list a {
    display: block;
    padding-left: 20px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #DDD;
    background-image: url(../images/dot_active.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.service_news_title {
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-weight: bold;
    background-color: #DDD;
}

.service_news_title p {
    float: left;
}

.service_news_title a {
    display: block;
    float: right;
    margin-right: 10px;
    color: #8C262A;
    font-size: 12px;
    font-weight: normal;
}

.list_case {
    display: block;
    float: left;
    margin-bottom: 40px;
    width: 50%;
    text-align: center;
    overflow: hidden;
}

.list_case img {
    width: 70%;
    border: 1px solid #DDD;
}

#column_content a.list_text {
    display: block;
    margin-top: 20px;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #DDD;
    overflow: hidden;
}

.list_img {
    float: left;
    padding: 4px;
    width: 200px;
    height: 140px;
    border: 1px solid #DDD;
    overflow: hidden;
}

.list_img img {
    width: 100%;
}

.list_dt {
    float: left;
    margin-left: 20px;
    width: 560px;
    overflow: hidden;
}

.list_dt dl.list_text_title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 0px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}

.list_dt dl.list_text_explain {
    height: 50px;
    line-height: 25px;
    color: #999;
    overflow: hidden;
}

.list_dt dl.list_text_date {
    height: 30px;
    line-height: 30px;
    color: #CCC;
    font-size: 12px;
    overflow: hidden;
}

.list_news_text {
    display: block;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px dotted #999;
    overflow: hidden;
}

.list_news_text:hover .list_news_text_title {
    color: #8C262A;
    background-image: url(../images/dot_active.png);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.list_news_text:hover .list_news_text_explain {
    color: #8C262A;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.list_news_dt {
    width: 100%;
    overflow: hidden;
}

.list_news_text_title {
    float: left;
    padding-left: 10px;
    max-width: 670px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-image: url(../images/dot_normal.png);
    background-position: left center;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.list_news_text_date {
    float: right;
    width: 100px;
    color: #999;
    text-align: right;
}

.list_news_text_explain {
    width: 100%;
    height: 48px;
    line-height: 24px;
    border: 0px;
    overflow: hidden;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#recommend_list {
    width: 800px;
}

#recommend_list #recommend_label {
    width: 140px;
    height: 30px;
    font-size: 30px;
    font-weight: bold;
}

#recommend_list #recommend_line {
    width: 660px;
    border-bottom: 1px solid #CCC;
    color: #F00;
}

#recommend_list a {
    float: left;
    margin-right: 30px;
    width: 45%;
    overflow: hidden;
}

#recommend_list dt.list_text_title {
    width: 340px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#friend {
    margin: auto;
    width: 1200px;
    height: 80px;
    line-height: 80px;
    color: #333;
}

#slider {
    width: 100%;
    overflow: hidden;
}


/*
.slider {margin:auto; width:100%; overflow:hidden;}
.slider .bd {width:100%; min-width:1100px; overflow:hidden;}
.slider .bd ul {margin:auto; width:100%; overflow:hidden;}
.slider .bd ul a {display:block; margin:auto; width:100%; font-size:0px; text-align:center; overflow:hidden;}
.slider .bd ul li a img {width:100%;}
.slider .hd{position:absolute; width:100%; min-width:1220px; height:30px; top:520px; overflow:hidden;}
.slider .hd ul{height:30px; text-align:center; overflow:hidden;}
.slider .hd ul li{display:inline-block; margin:5px; border-radius:50px; width:10px; height:10px; background-color:#FFF; opacity:0.7;}
.slider .hd ul li.on{background-color:#8C262A; opacity:1;}
*/

.slider {
    margin: auto;
    width: 100%;
    height: 446px;
    overflow: hidden;
}

.slider .bd {
    margin: auto;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.slider .bd a {
    display: inline-block;
    width: 100%;
    height: 446px;
    background-position: center center;
    overflow: hidden;
}

.slider .bd a img {
    width: 100%;
}

.slider .hd {
    position: absolute;
    width: 100%;
    height: 30px;
}

.slider .hd ul {
    position: absolute;
    top: -50px;
    left: 0px;
    right: 0px;
    wdith: 100%;
    height: 30px;
    text-align: center;
    overflow: hidden;
}

.slider .hd ul li {
    display: inline-block;
    margin: 5px;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    background-color: #FFF;
    opacity: 0.7;
}

.slider .hd ul li.on {
    background-color: #8C262A;
    opacity: 1;
}

.index_block {
    margin: auto;
    width: 1260px;
    overflow: hidden;
}

.index_main_title {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
    font-size: 34px;
    font-weight: bold;
    line-height: 34px;
}

.index_service_title {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

.index_service_title h1 {
    font-size: 40px;
    line-height: 2em;
    font-weight: normal;
}

.index_service_title h2 {
    font-size: 30px;
    line-height: 2em;
    color: #666666;
    font-weight: normal;
}

#index_service {
    padding-bottom: 60px;
    width: 100%;
    background-color: #EFEFEF;
    overflow: hidden;
}

#index_service_list {
    margin: auto;
    width: 100%;
    overflow: hidden;
}

#index_service_list a {
    height: 470px;
    position: relative;
    display: block;
    float: left;
    width: 20%;
    border: 20px solid #EFEFEF;
    background-color: #F5F5F5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

#index_service_list a:hover {
    /* background-color: #8C262A; */
    height: 470px;
    margin-top: -20px;
    /* background: rgba(140, 38, 42, 0.9);
    transition: 1s; */
}

#index_service_list a:hover dt.index_service_list_block,
#index_service_list a:hover dt span {
    /* color: #FFF; */
}

#index_service_list img {
    width: 100%;
}

.index_service_list_block {
    margin: auto;
    margin-top: 0px;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}

.index_service_list_block h3 {
    height: 140px;
    line-height: 140px;
    text-align: center;
    color: #FFFFFF;
    font-weight: normal;
}

#service1 {
    background: #0075c1;
}

#service2 {
    background: #29d79e;
}

#service3 {
    background: #f35750;
}

#service4 {
    background: #f4a57a;
}

#service5 {
    background: #7b99ee;
}

.index_service_list_block ul {
    border: 1px #ececec solid;
    border-top: none;
    padding-top: 40px;
    height: 280px;
}

.index_service_list_block ul li {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
}

.index_service_list_block span {
    line-height: 80px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
}


/* 鏃х殑 */

#index_service_son {
    margin: auto;
    width: 100%;
    overflow: hidden;
}

#index_service_son a {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    border: 20px solid #EFEFEF;
    background-color: #F5F5F5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

#index_service_son a:hover {
    background-color: #8C262A;
}

#index_service_son a:hover dt.index_service_son_block,
#index_service_son a:hover dt span {
    color: #FFF;
}

#index_service_son img {
    width: 100%;
}

#index_service_son dt.index_service_son_block {
    margin: auto;
    margin-top: 20px;
    width: 92%;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}

#index_service_son dt.index_service_son_block span {
    line-height: 80px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

#index_youshi {
    width: 100%;
    height: 530px;
    padding-top: 103px;
    background: url(../images/youshi.jpg) center no-repeat;
}

.youshilist {
    width: 1260px;
    margin: 0 auto;
    height: 460px;
}

.mobile,
.pk {
    display: none;
}

.youshilistl {
    width: 300px;
    float: left;
    height: 480px;
    margin-left: 20px;
}

.youshilistl li {
    margin-bottom: 50px;
}

.youshilistl li h4 {
    font-size: 28px;
}

.youshilistl li h4 span {
    width: 40px;
    display: inline-block;
    color: #9d0309;
}

.youshilistl li p {
    margin-top: 10px;
    padding-left: 40px;
    line-height: 25px;
}

.youshilistr {
    width: 300px;
    float: right;
    height: 480px;
    margin-right: 20px;
}

.youshilistr li {
    margin-bottom: 73px;
}

.youshilistr li h4 {
    font-size: 28px;
}

.youshilistr li h4 span {
    width: 40px;
    display: inline-block;
    color: #9d0309;
}

.youshilistr li p {
    margin-top: 10px;
    padding-left: 40px;
    line-height: 25px;
}

#index_question {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-top: 2px solid #8C262A;
    background-color: #F5F5F5;
    overflow: hidden;
}

#index_question_more {
    display: block;
    float: left;
    margin-top: 20px;
    margin-right: 100px;
    width: 260px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #333;
    font-size: 14px;
    font-weight: bold;
}

#index_question_more dl {
    float: left;
}

#index_question_more span {
    display: block;
    float: right;
}

#index_question_list {
    float: left;
    margin-top: 20px;
    width: 730px;
    height: 260px;
    overflow: hidden;
}

#index_question_list a.list_text {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dotted #CCC;
}

#index_question_list a:hover dt.list_text_title {
    color: #8C262A;
    background-image: url(../images/dot_active.png);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#index_question_list dt.list_text_title {
    float: left;
    padding-left: 20px;
    color: #999;
    background-image: url(../images/dot_normal.png);
    background-position: left center;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#index_question_list dt.list_text_date {
    float: right;
    color: #999;
}

#index_case {
    padding-top: 30px;
    width: 100%;
    height: 650px;
    background-color: #8C262A;
    overflow: hidden;
}

#index_case_list {
    margin: auto;
    width: 100%;
    line-height: 80px;
    text-align: center;
    overflow: hidden;
}

#index_case_list span {
    color: #FFF;
    font-size: 18px;
}

#index_case_list a {
    float: left;
    display: inline-block;
    margin: 11px;
    width: 23%;
    height: 281px;
    overflow: hidden;
}

#index_case_list a img {
    width: 100%;
}

#index_case_more {
    display: block;
    float: right;
    margin-top: 50px;
    margin-right: 10px;
    color: #FFF;
    width: 360px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #FFF;
    font-size: 14px;
    font-weight: bold;
}

#index_case_more dl {
    float: left;
    color: #FFF;
    font-size: 16px;
}

#index_case_more span {
    display: block;
    float: right;
    color: #FFF;
}

#index_about {
    width: 100%;
    height: 548px;
    background-image: url(../images/index_about_back.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#index_about_left {
    float: left;
    margin-top: 100px;
    width: 45%;
    overflow: hidden;
}

#index_about_right {
    float: left;
    margin-top: 100px;
    width: 55%;
    overflow: hidden;
}

#index_about_left p {
    margin-bottom: 20px;
    line-height: 50px;
    color: #FFF;
    font-size: 36px;
    font-weight: bold;
}

#index_about_left p span {
    color: #AE131C;
    font-size: 42px;
    font-weight: bold;
}

#index_about_right_text1 {
    margin-bottom: 30px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
}

#index_about_right_text2 {
    margin-bottom: 40px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}

#index_about_more {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-size: 18px;
}

#index_about_more dl {
    float: left;
    color: #FFF;
    font-size: 16px;
}

#index_about_more span {
    display: block;
    float: right;
    color: #FFF;
}

#index_form_block {
    margin: auto;
    width: 1200px;
    overflow: hidden;
}

#index_form {
    margin: auto;
    margin-top: 80px;
    width: 460px;
    height: 42px;
    background-image: url(../images/input_back.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#index_form_input {
    padding-left: 15px;
    width: 250px;
    height: 42px;
}

#index_form_submit {
    width: 220px;
}

#msg_index_phone {
    width: 220px;
    height: 42px;
    line-height: 42px;
    border: 0px;
    color: #666;
    font-size: 14px;
    background-color: transparent;
}

#msg_submit {
    width: 200px;
    height: 42px;
    line-height: 42px;
    border: 0px;
    border-radius: 15px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    background-color: #FF9900;
    cursor: pointer;
}

.scale_hover_call {
    animation: scale_hover 0.5s;
    -moz-animation: scale_hover 0.5s;
    -webkit-animation: scale_hover 0.5s;
    -o-animation: scale_hover 0.5s;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

.scale_normal_call {
    animation: scale_normal 0.5s;
    -moz-animation: scale_normal 0.5s;
    -webkit-animation: scale_normal 0.5s;
    -o-animation: scale_normal 0.5s;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes scale_normal {
    0% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-moz-keyframes scale_normal {
    0% {
        -moz-transform: scale(1.1, 1.1);
    }
    100% {
        -moz-transform: scale(1, 1);
    }
}

@-webkit-keyframes scale_normal {
    0% {
        -webkit-transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@-o-keyframes scale_normal {
    0% {
        -o-transform: scale(1.1, 1.1);
    }
    100% {
        -o-transform: scale(1, 1);
    }
}

@keyframes scale_hover {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.1, 1.1);
    }
}

@-moz-keyframes scale_hover {
    0% {
        -moz-transform: scale(1, 1);
    }
    100% {
        -moz-transform: scale(1.1, 1.1);
    }
}

@-webkit-keyframes scale_hover {
    0% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
    }
}

@-o-keyframes scale_hover {
    0% {
        -o-transform: scale(1, 1);
    }
    100% {
        -o-transform: scale(1.1, 1.1);
    }
}